<template>
  <el-menu
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      style="height: 100vh"
      default-active="/Home"
      :collapse="isCollapse"
      :collapse-transition="false"
      router
  >

          <el-menu-item index="/Home" >
              <li class="el-icon-s-home" style="margin-right: 130px;">
                  <span>首页</span>
              </li>
          </el-menu-item >
            <!--动态显示侧边页面-->
          <el-menu-item :index="'/'+item.menuclick" v-for="(item,i) in menu" :key="i" >
              <li :class="item.menuicon" style="margin-right: 130px;">
                  <span slot="title">{{item.menuname}}</span>
              </li>
          </el-menu-item>

  </el-menu>
</template>

<script>
export default {
  name: "Aside",
    data(){
      return{
          // isCollapse1:false
   /*       menu:[
              {
                  menuClick:'Admin',
                  menuName:'管理员管理',
                  menuIcon:'el-icon-s-custom'
              }, {
                  menuClick:'User',
                  menuName:'用户管理',
                  menuIcon:'el-icon-user-solid'
              }
          ]*/
      }
    },
    computed:{
      "menu":{
          get(){
              return this.$store.state.menu;
          }
      }
    },
    props:{
      isCollapse:Boolean
    }
}
</script>

<style scoped>

</style>